<!DOCTYPE html>

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Cache-control" content="no-cache">
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<title>${field.typetitle}_{ms:global.name/}</title>
<meta name="keywords" content="${field.keyword}" />
<meta name="description" content="${field.descrip}" />
<link  href="/{ms:global.style/}/css/common.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="/{ms:global.style/}/js/jquery.min.js"></script>
<link href="{@ms:file global.logo/}" rel="shortcut icon" type="image/x-icon" />

<script type="text/javascript" src="/static/plugins/vue/2.6.9/vue.min.js"></script>
<script src="/static/plugins/element-ui/2.15.7/index.min.js"></script>
<link rel="stylesheet" href="/static/plugins/element-ui/2.15.7/theme-chalk/index.min.css"></head>
<body>
<#include "head.htm"/>
<#assign typeid=field.typeid>
<#assign ids=field.parentids>
<#if ids==''><#assign topid=typeid><#else>
<#assign topid=ids?split(",")[0]></#if>
<div class="main">
<div class="cat-header" style="background-image: url(/{ms:global.style/}/images/h-top-1.jpg);">
  <div class="s">
    <div class="wp">
      <h1>{ms:channel type="self" typeid=topid}${field.typetitle}{/ms:channel}</h1>
      <div class="line"></div>
      <p>{ms:channel type="self" typeid=topid} ${field.typedescrip} {/ms:channel}</p>
    </div>
  </div>
</div>
<div class="cat-list">
  <ul class="wp">
    {ms:channel  }
    <li class="cat-item <#if field.typeid == typeid ||
    (ids?has_content && ids?split(",")
    ?seq_contains(field.typeid.toString()))>current-cat</#if>">
  <a href="{ms:global.html/}${field.typelink}" >${field.typetitle}</a> </li>
    {/ms:channel}
  </ul>
</div>
<div class="in-cont wp cl">
  <div class="mn">
    <div class="list_news list"> {ms:arclist ispaging=true  size=5}
      <dl class="cl">
        <dd class="m"> <a href="{ms:global.html/}${field.link}"> <img width="300" height="94" src="{@ms:file field.litpic/}" class="attachment-post-thumbnail wp-post-image" alt="3523" /> </a> </dd>
        <dt> <a href="{ms:global.html/}${field.typelink}" class="cat">${field.typetitle}<i></i></a> <a href="{ms:global.html/}${field.link}" title="${field.title}">${field.title}</a></dt>
        <p> <em>${field.date?string("yyyy-MM-dd")} </em> <em>查看(${field.hit})</em> </p>
        <dd> ${field.descrip}...</dd>
      </dl>
      {/ms:arclist} </div>
    <script>
$(".list_news dl").first().addClass('first');
$(".list_news dl").last().addClass('last');
</script>
    <div class='pagination'> <div id="__pagination" style="display: flex;justify-content: center;margin-top: 10px;margin-bottom: 10px;clear: both;"><el-pagination background @current-change="handleCurrentChange" :page-size="pageSize" :current-page.sync="pageCur" layout="prev, pager, next, jumper" :total="contentCount" style="display: flex; width: 1000%;justify-content: center;"></el-pagination></div></div>
  </div>
  <div class="sidebar">
    <div class="tuijian"> {ms:arclist ispaging=true  size=1  } <a href="{ms:global.html/}${field.link}">
      <h2 class="cl"><span>${field.typetitle}</span></h2>
      <h3>{@ms:len field.title 20/}</h3>
      <p>${field.descrip}...</p>
      </a> {/ms:arclist} </div>
    {ms:channel type='self' typeid="1843462032550416393"}
    <div class="ser sidesub">
      <h2>${field.typetitle}</h2>
      <ul class="ebox">
        {ms:channel type='son'}
        <li class="sub sub-${field.index}">
          <div>
            <h3>${field.typetitle}</h3>
            <p>${field.typedescrip}</p>
            <a class="btn" href="{ms:global.html/}${field.typelink}">查看详情</a> </div>
        </li>
        {/ms:channel}
        <li class="sub sub-5">
          <div>
            <h3>更多服务项目</h3>
            <p> <a>${field.typedescrip}</a></p>
            <a class="btn"  href="{ms:global.html/}${field.typelink}">获取更多</a> </div>
        </li>
      </ul>
    </div>
    {/ms:channel}
    <div class="contact" id="fix">
      <h2 class="cl"> <span>联系吧</span> <a href="https://map.baidu.com/" class="ditu" rel="nofollow" target="_blank">在百度地图上找到我们</a> </h2>
      <h3>电话：内容可配置</h3>
      <p>如遇占线或暂未接听请拨：内容可配置</p>
      <div class="qq"> <a href="//wpa.qq.com/msgrd?v=3&uin=内容可配置&site=qq&menu=yes" rel="nofollow" target="_blank">业务咨询</a> <a href="//wpa.qq.com/msgrd?v=3&uin=内容可配置&site=qq&menu=yes" rel="nofollow" target="_blank">技术咨询</a> <a href="//wpa.qq.com/msgrd?v=3&uin=内容可配置&site=qq&menu=yes" rel="nofollow"  target="_blank">售后服务</a> </div>
    </div>
  </div>
  <script>
//固定滚动
(function(){
var oDiv=document.getElementById("fix");
var H=120,iE6;
var Y=oDiv;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
iE6=window.ActiveXObject&&!window.XMLHttpRequest;
if(!iE6){
window.onscroll=function()
{
var s=document.body.scrollTop||document.documentElement.scrollTop;
if(s>H){oDiv.className="contact  fixed";if(iE6){oDiv.style.top=(s-H)+"px";}}
else{oDiv.className="contact ";}	
};
}

})();
</script> 
</div>
<#include "footer.htm"/>
</body>
</html>

<script type="text/javascript">
  var app = new Vue({
    el: '#__pagination',
    data: {
      //当前页数
      pageCur: ${(page.cur)!1},
      //每页文章条数
      pageSize: ${(page.size)!10},
      //页数总数
      pageTotal: ${(page.total)!0},
      //内容总数
      contentCount: ${(page.rcount)!0}
    },
    methods: {
      handleCurrentChange:function(val) {
        // 没有使用短链接的方式分页
        if (val == 1) { //首页
          location.href = "{ms:global.html/}${field.categoryPath}/index.html";
        } else { //其他页面 list-页码.html
          location.href = "{ms:global.html/}${field.categoryPath}/list-" + val + ".html";
        }

        //使用了短链接的分页方式，在政务版开启短链或使用短链插件时用此方法分页
        // if (val == 1) { //首页
        //     location.href = "{ms:global.html/}${field.categoryPinyin}.html";
        // } else { //其他页面 list-页码.html
        //     location.href = "{ms:global.html/}${field.categoryPinyin}-" + val + ".html";
        // }
      }
    }
  })
</script>
